<template>
  <div>
    <!-- 头部 -->
    <ul class="menu_top_list book_view_top">
      <router-link tag="li" to="/home"><span>返回</span></router-link>
      <li></li>
      <li></li>
    </ul>
    <!-- 内容 -->
    <div class="book-top">
      <ul class="book_bk_qs1 book_list" v-for="(image, index) in newVip" :key="'ifo-' + index">
        <router-link tag="a" :to="'./BookContent?id=' + image.id">
          <li><img :src="image.imc">
            <div>战斗 / 运动 / 倒追 / 女性主角 /</div>
          </li>

          <li>

            <div id="listtitle">{{ image.name }}</div>


            <div class="zuozhe">{{ image.author }}/玄幻</div>
          </li>
        </router-link>
      </ul>
    </div>


  </div>
</template>
  
<script>
// import "../assets/font/iconfont";
// import Swiper from "swiper";
import { getJsonData } from '@/api/home';

export default {
  data() {
    return {
      activeName: 'a',
      indexSwiper: 0,
      images1: null,
      newVip: null,
      vipEnd: null,
      bookId: null,
      orangeNum: null,
      num: null
    };
  },
  created() {
    getJsonData().then(data => {

      this.images1 = data.vip1
      this.newVip = data.newvip
      this.vipEnd = data.vipEnd

    });

  },
  methods: {
    onChange(index) {
      this.indexSwiper = index;
    }
  }

}
</script>
<style lang="scss">
.book-top {
  margin-top: 50px;
}
</style>